<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>布局组合实例</title>
</head>
<body>


      <!--
            光华人事管理系统
            档案管理                  table
               人员档案
               历史档案
            系统设置
                权限管理
                用户管理
      -->

<table width="95%">

    <tr>
       <td colspan="2"> 光华人事管理系统</td>
    </tr>
    <tr>
      <td width="20%">
          <ul>
            <li>档案管理</li>
            <li>系统管理
              <ul>
                <li>权限管理</li>
                <li>用户管理</li>
              </ul>
            </li>
          </ul>
      </td>
      <td>

        <!--
            标签 = 名称 + 属性 + 内容
            内容 =    标签
                     纯文本
        -->
        <table border="1" width="100%">
          <thead>
          <tr>
            <th>编号</th>
            <th>姓名</th>
            <th>部门</th>
            <th>职务</th>
          </tr>

          </thead>
          <tbody>
          <tr>
            <td>001</td>
            <td>张一凡</td>
            <td>人事部</td>
            <td>人事专员</td>
          </tr>
          <tr>
            <td>001</td>
            <td>张一凡</td>
            <td>人事部</td>
            <td>人事专员</td>
          </tr>
          <tr>
            <td>001</td>
            <td>张一凡</td>
            <td>人事部</td>
            <td>人事专员</td>
          </tr>
          </tbody>
        </table>
      </td>
    </tr>
</table>



</body>
</html>